<head>
	<style type="text/css" media="screen">@import "../jqt/jqtouch.css";</style>
	<style type="text/css" media="screen">@import "../jqt/theme.css";</style>
	<script src="../jquery.js" type="text/javascript" charset="utf-8"></script>
	<script src="../jqt/jqtouch.js" type="text/javascript" charset="utf-8"></script>
	<script src="../jqt/jqt.floaty.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" charset="utf-8">
	var jQT = new $.jQTouch();
	$(document).ready(function(){
		$("#floaty").makeFloaty();
	});
	</script>
	<style>
		#floaty {
			z-index: 100;
			left: 190px;
			width: 120px;
			padding: 10px 5px;
			background: #666;
			opacity: 0.9;
			-webkit-border-radius: 8px;
			font-size: 90%;
			
		}
	</style>
</head>
<body>
	<div id="floaty">
		Options: <input type="button" value="Action"/>
	</div>
	<div id="home" class="current">
		<div class="toolbar">
			<h1>FriendLocate</h1>
		</div>
		<ul id="mainmenu">
			<li><a href="#checkin">Check In</a></li>
			<li><a href="#nearby">Nearby People</a></li>
			<li><a href="#friends">My Friends</a></li>
			<li><a href="#checkin">Check In</a></li>
			<li><a href="#nearby">Nearby People</a></li>
			<li><a href="#friends">My Friends</a></li>
			<li><a href="#checkin">Check In</a></li>
			<li><a href="#nearby">Nearby People</a></li>
			<li><a href="#friends">My Friends</a></li>
			<li><a href="#checkin">Check In</a></li>
			<li><a href="#nearby">Nearby People</a></li>
			<li><a href="#friends">My Friends</a></li>							
		</ul>
	</div>
</body>
